<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
// rem等比适配配置文件
// 基准大小
const baseSize = 750 // 注意此值要与 postcss.config.js 文件中的 rootValue保持一致
// 设置 rem 函数
function setRem() {
  // 当前页面宽度相对于 375宽的缩放比例，可根据自己需要修改,一般设计稿都是宽750(图方便可以拿到设计图后改过来)。
  const scale = document.documentElement.clientWidth / 375
  // 设置页面根节点字体大小（“Math.min(scale, 2)” 指最高放大比例为2，可根据实际业务需求调整）
  document.documentElement.style.fontSize = baseSize * Math.min(scale, 1.5) + 'px'
}
// 初始化
setRem()
// 改变窗口大小时重新设置 rem
window.onresize = function() {
  setRem()
}

</script>
<style >

/** 移动端适配 */

html {
  font-size: 12px;
}
@media screen and (max-width:1366px) {
  html {
    font-size:  12px;
  }
}

@media screen and (max-width:1920px) {
  html {
    font-size:  16px;
  }
}

@media screen and (max-width: 480px) {
  .el-input.is-disabled .el-input__inner,.el-textarea.is-disabled .el-textarea__inner,.el-checkbox__input.is-disabled+.el-checkbox__label{
   opacity: 1;
   -webkit-text-fill-color: #606266;
  }
  /* label {
    min-width: 60px;
  } */
  .el-dialog__wrapper .el-dialog {
    width: 95% !important;
  }
  .el-dialog__wrapper .el-dialog .el-dialog__body {
    overflow: auto
  }
  .el-drawer__wrapper .el-drawer {
    width: 95% !important;
  }
  .el-drawer__wrapper .el-drawer .el-drawer__body {
    overflow: auto
  }
  .el-message { min-width: 300px !important; }

  body .el-table th.gutter {
   display: table-cell !important;
  }

  .el-table--border th.gutter:last-of-type {
   display: block !important;
  }
}
div {
  font-size: 12px;
}
</style>
